<template>
  <div>
    <van-nav-bar
        :title="songName"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
    />
  </div>
</template>

<script>
import {Toast} from "vant";

export default {
  name: "PlayTop",
  data(){
    return {
      songName:'',

    }
  },
  methods:{
    onClickLeft() {
      Toast('已返回');
      this.$router.back()
    },
  },
  created() {
    this.songName = this.$route.query.name

  }
}
</script>

<style scoped lang="less">
  /deep/.van-nav-bar__text,
  /deep/.van-nav-bar ,
  /deep/.van-icon{
    color: red;
  }
  /deep/.van-nav-bar__left {
    color: red!important;
    font-size: 18px;
  }
  /deep/.van-ellipsis {
    font-size: 22px;
  }
</style>